<template>
	<el-dialog
		width="900px"
		:append-to-body="true"
		:close-on-click-modal="false"
		:visible.sync="isShow"
	>
		<template #title>
			<div class="dialog-title">试题录入规范</div>
		</template>
		<div class="test-content">
			<h3 class="title">一、整体规范：</h3>
			<div class="title-content">
				<p>1. 所有题目必须含有 “ 答案：”，且不能为空，不填会报错。</p>
				<p>2. 所有题目必须含有“ 解析：” ，且不能为空，不填会报错。</p>
				<p>3. 所有题型的背景材料、题干、选项、答案、解析中如包含图片，可将图片放到文档中上传或者把图片复制到编辑区的指定位置即可。</p>
			</div>
			<h3 class="title">二、选择题规范：</h3>
			<div class="title-content">
				<p>1. 选择题的选项号与内容之间支持用、或 . 分开，如：“A.西游记”或者“A、西游记”。</p>
				<p>2. 选择题选项数量不能少于两个，少于两个会报错。</p>
				<p>3. 多选题、不定项选择题的多个正确答案之间无需用符号隔开，如：“ABCD”。</p>
				<p>4. 选择题的选项必须是连续的大写字母，否则会报错，如：是“ABCD”而不是“ACBD”。</p>
				<p>5. 选择题的答案必须是大写字母，否则会报错。</p>
			</div>
			<h3 class="title">三、判断题规范：</h3>
			<div class="title-content"><p>1 .判断题的答案只能填写 “错误”或者“正确”。</p></div>
			<h3 class="title">四、填空题规范：</h3>
			<div class="title-content">
				<p>1. 填空题的题干中每个填空处用（）表示。</p>
				<p>2.  填空题如果有多个填空处，各个填空处的参考答案之间用“ ※ ”隔开，如：“红楼梦※ 西游记”。</p>
				<p>3. 填空题的一个填空处有近义答案时，要用“|”线隔开，如“石头记|红楼梦 ※西游记” 表示有两个填空处，第一个空的答案可以是“石头记”或者是“红楼梦”，第二个空的答案是“西游记”。</p>
			</div>

			<h3 class="title">五、简答题规范：</h3>
			<div class="title-content">
				<p>1. 简答题支持智能阅卷，可以添加阅卷关键词和关键词得分权重。</p>
				<p>2. 多个关键词中间用※连接，可互相替代的关键词中间用“丨”分隔，多个关键词共占一个分值，外部用{}包括。如：“{关键词1※关键词2}※关键词3※关键词4丨关键词5”表示关键词1和关键词2共占一个分值且需要都答对，关键词3占一个分值，关键词4或者关键词5占一个分值且答对任意一个即可。</p>
				<p>3. 添加关键词权重可以为不同关键词赋予不同分数权重，权重顺序需要和关键词或关键词组顺序对应，格式：数字1※数字2※数字N...</p>
			</div>
			<h3 class="title">六、配伍题规范：</h3>
			<div class="title-content">
				<p>1. 大题题干下必须添加选项，选项最少2个，最多26个。 </p>
				<p>2. 子题题型只能是单选题/多选题/不定项选择题。 </p>
				<p>3. 子题会自动引用题干中的选项，不能在子题下添加选项。</p>
			</div>
		</div>
	</el-dialog>
</template>
<script>
export default {
    name:'test-specification',
    props:{
        // 弹窗显示
        show:{
            type:Boolean,
            default:false
        }
    },
    data(){
        return{
            isShow:false
        };
    },
    watch:{
        show(val){
            this.isShow = val;
        },
        isShow(val){
            this.$emit('update:show',val);
        }
    }
};
</script>
<style scoped lang="less">
/deep/ .el-dialog{
    margin-top: 40px!important;
}
.dialog-title{
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.test-content{
    padding: 0 10px;
    height: 750px;
    overflow-y:auto;
}
.title{
    font-size: 16px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
}
.title-content{
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    padding: 0 10px;
}
p{
    line-height: 26px;
    color: #535766;

}
</style>
